<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>和茶网</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="x-icon">
    <link rel="stylesheet" href="../styles/bootstrap.min.css">
    <link rel="stylesheet" href="../styles/reset.css">
    <link rel="stylesheet" href="../styles/main.css">
    <!--[if lt IE 9]>
  <!--html5shiv.js 实现html语义化标签的支持-->
    <script src="../scripts/html5shiv.js"></script>
    <!--respond.js实现响应式布局的支持，包括媒体查询等-->
    <script src="../scripts/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!--======================================工具栏=======================================-->
<section class="toolbar">
    <div class="container">
            <ul class="leftBar toolbar-left">
                <li><a href="javascript:void (0)">收藏</a></li>
                <li><span>|</span></li>
                <?php  if(empty($_SESSION['name'])):  ?>
                    <li><span>欢迎</span></li>
                    <li><a href="../php/login.php">登录</a></li>
                    <li><a href="../php/login.php">快速注册</a></li>
                <!-- <?php else: ?> -->
                 <!--    <li><span>欢迎！<?php  echo $_SESSION['name']; ?></span></li>
                    <li><a href="../php/reg.php?act=logout">退出</a></li> -->
               <!--  <?php endif ?> -->
            </ul>
            <ul class="rightBar toolbar-right">
                <li class="shop-car"><a href="javascript:void (0)">购物车0件</a><i class="caret"></i></li>
                <li><a href="javascript:void (0)">我的和茶</a></li>
                <li><a href="javascript:void (0)">我的订单</a></li>
                <li><a href="javascript:void (0)">关于和茶</a></li>
                <li><a href="javascript:void (0)">帮助</a></li>
                <li><a href="javascript:void (0)">茶百科</a></li>
                <li><span>|</span></li>
                <li class="two-code"><a href="javascript:void (0)">&nbsp;</a></li>
            </ul>
    </div>
</section>

<!--======================================logo区=======================================-->
<header class="container">
    <div class="logoArea leftBar">
        <h1>
            <a class="logo" href="javascript:void (0)">
                <img src="../images/logo.png" alt="和茶网">
                <p class="logo-text">和茶网</p>
                <span class="logo_text">原产地 好品牌 可定制</span>
            </a>
        </h1>
    </div>
    <div class="search-box leftBar">
        <input type="text" class="search">
        <button type="submit" class="submit">搜索</button>
        <div class="search-info">
            <ul>
                <li>热门：</li>
                <li><a href="javascript:void (0)">金骏眉</a></li>
                <li><a href="javascript:void (0)">铁观音</a></li>
                <li><a href="javascript:void (0)">大红袍</a></li>
                <li><a href="javascript:void (0)">西湖龙井</a></li>
                <li><a href="javascript:void (0)">普洱茶</a></li>
            </ul>
        </div>
    </div>
    <div class="info rightBar">
        <dl>
            <dd><img src="../images/top_ico11.png" alt=""></dd>
            <dt>100%原地产茶</dt>
        </dl>
        <dl>
            <dd><img src="../images/top_ico12.png" alt=""></dd>
            <dt>品质有保障</dt>
        </dl>
        <dl>
            <dd><img src="../images/top_ico13.png" alt=""></dd>
            <dt>无理由退换货</dt>
        </dl>
        <dl class="contact">
            <dd><img src="../images/top_ico14.png" alt=""></dd>
            <dt>400-8899-379</dt>
        </dl>
    </div>
</header>

<!--======================================导航区=======================================-->
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#"><img src="../images/logo.png" alt=""></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="container">
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="sorts">
                        <a href="javascript:void (0)">全部商品分类 &gt;&gt;</a>
                        <ul class="sorts-content">
                            <li class="clearfix sorts-one">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>各地名优茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>热门</dt>
                                    <dd>
                                        <a href="javascript: void (0)">西湖龙井</a>
                                        <a href="javascript: void (0)">金骏眉</a>
                                        <a href="javascript: void (0)">大红袍</a>
                                        <a href="javascript: void (0)">铁观音</a>
                                    </dd>
                                </dl>
                                <dl class="clearfix big-menu">
                                    <dt>名茶</dt>
                                    <dd>
                                        <a href="javascript: void (0)">红茶</a>
                                        <a href="javascript: void (0)">绿茶</a>
                                        <a href="javascript: void (0)">乌龙茶</a>
                                        <a href="javascript: void (0)">黑茶</a>
                                        <a href="javascript: void (0)">白茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">
                                        <dl class="clearfix">
                                            <dt>绿茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">西湖龙井</a>
                                                <a href="javascript: void (0)">龙井</a>
                                                <a href="javascript: void (0)">黄山毛峰</a>
                                                <a href="javascript: void (0)">安吉白茶</a>
                                                <a href="javascript: void (0)">碧螺春</a>
                                                <a href="javascript: void (0)">其他绿茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>乌龙茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">铁观音</a>
                                                <a href="javascript: void (0)">大红袍</a>
                                                <a href="javascript: void (0)">水仙</a>
                                                <a href="javascript: void (0)">肉桂</a>
                                                <a href="javascript: void (0)">台湾乌龙</a>
                                                <a href="javascript: void (0)">其他乌龙茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>红茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">金骏眉</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>黑茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白沙溪黑茶</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>白茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>花茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-two">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>茶饮机专用茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">预定茶饮机</a>
                                        <a href="javascript: void (0)">茶饮机专用茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <dl class="clearfix">
                                        <dt>品类</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous1.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-three">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>花草保健茶
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>热门</dt>
                                    <dd>
                                        <a href="javascript: void (0)">大麦茶</a>
                                        <a href="javascript: void (0)">苦荞茶</a>
                                        <a href="javascript: void (0)">玫瑰花茶</a>
                                        <a href="javascript: void (0)">雪菊</a>
                                        <a href="javascript: void (0)">蜂蜜木瓜粉</a>
                                        <a href="javascript: void (0)">草本茶</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">
                                        <dl class="clearfix">
                                            <dt>瘦身</dt>
                                            <dd>
                                                <a href="javascript: void (0)">西湖龙井</a>
                                                <a href="javascript: void (0)">龙井</a>
                                                <a href="javascript: void (0)">黄山毛峰</a>
                                                <a href="javascript: void (0)">安吉白茶</a>
                                                <a href="javascript: void (0)">碧螺春</a>
                                                <a href="javascript: void (0)">其他绿茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>美容</dt>
                                            <dd>
                                                <a href="javascript: void (0)">铁观音</a>
                                                <a href="javascript: void (0)">大红袍</a>
                                                <a href="javascript: void (0)">水仙</a>
                                                <a href="javascript: void (0)">肉桂</a>
                                                <a href="javascript: void (0)">台湾乌龙</a>
                                                <a href="javascript: void (0)">其他乌龙茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>丰胸</dt>
                                            <dd>
                                                <a href="javascript: void (0)">金骏眉</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>黑茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白沙溪黑茶</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>白茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>花茶</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous2.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-four">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>精选茶具
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">功夫茶具</a>
                                        <a href="javascript: void (0)">个人杯</a>
                                        <a href="javascript: void (0)">茶宠</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">

                                        <dl class="clearfix">
                                            <dt>陶瓷</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>瓷器</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous3.JPG" alt=""></a>
                                </div>
                            </li>
                            <li class="clearfix sorts-four">
                                <div class="sorts-title">
                                    <a href="javascript:void (0)">
                                        <i>&nbsp;</i>可口茶食
                                    </a>
                                </div>
                                <dl class="clearfix big-menu">
                                    <dt>推荐</dt>
                                    <dd>
                                        <a href="javascript: void (0)">橄榄</a>
                                        <a href="javascript: void (0)">蜜饯</a>
                                    </dd>
                                </dl>
                                <div class="details-nav">
                                    <div class="famous">

                                        <dl class="clearfix">
                                            <dt>果脯</dt>
                                            <dd>
                                                <a href="javascript: void (0)">白牡丹</a>
                                                <a href="javascript: void (0)">正山小种</a>
                                                <a href="javascript: void (0)">祁门红茶</a>
                                                <a href="javascript: void (0)">坦洋工夫</a>
                                                <a href="javascript: void (0)">其他红茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>干果</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>
                                        <dl class="clearfix">
                                            <dt>零食</dt>
                                            <dd>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                                <a href="javascript: void (0)">茉莉花茶</a>
                                            </dd>
                                        </dl>

                                    </div>
                                    <dl class="clearfix">
                                        <dt>品牌</dt>
                                        <dd>
                                            <a href="javascript: void (0)">慈恩</a>
                                            <a href="javascript: void (0)">远融</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">一品堂</a>
                                            <a href="javascript: void (0)">好极</a>
                                            <a href="javascript: void (0)">绿雪芽</a>
                                            <a href="javascript: void (0)">白沙溪</a>
                                            <a href="javascript: void (0)">元正</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                            <a href="javascript: void (0)">顶峰</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>价格</dt>
                                        <dd>
                                            <a href="javascript: void (0)">100元及以下</a>
                                            <a href="javascript: void (0)">100~300元</a>
                                            <a href="javascript: void (0)">300元及以上</a>
                                        </dd>
                                    </dl>
                                    <dl class="clearfix">
                                        <dt>净含量</dt>
                                        <dd>
                                            <a href="javascript: void (0)">50g及以下</a>
                                            <a href="javascript: void (0)">51g-100g</a>
                                            <a href="javascript: void (0)">101g-250g</a>
                                            <a href="javascript: void (0)">250g及以上</a>
                                        </dd>
                                    </dl>

                                    <dl class="clearfix">
                                        <dt>包装</dt>
                                        <dd>
                                            <a href="javascript: void (0)">经济自饮装</a>
                                            <a href="javascript: void (0)">精美礼品装</a>
                                        </dd>
                                    </dl>
                                    <a href="javascript: void (0)"> <img src="../images/famous4.JPG" alt=""></a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="../html/index.html">首页</a></li>
                    <li><a href="../html/list.html">绿茶</a></li>
                    <li><a href="javascript:void (0)">乌龙茶</a></li>
                    <li><a href="javascript:void (0)">花草茶</a></li>
                    <li><a href="javascript:void (0)">自饮茶</a></li>
                    <li><a href="javascript:void (0)">礼品茶</a></li>
                    <li><a href="javascript:void (0)">茶饮机专用茶</a></li>
                    <li><a href="javascript:void (0)">预定茶饮机</a></li>
                </ul>
            </div><!-- /.navbar-collapse -->
        </div>
    </div><!-- /.container-fluid -->
</nav>

<!--======================================banner区 轮播图=======================================-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        <li data-target="#carousel-example-generic" data-slide-to="3"></li>
        <li data-target="#carousel-example-generic" data-slide-to="4"></li>
    </ol>

    <!-- Wrapper for slides -->
    <div class="carousel-inner" role="listbox">
        <div class="item active item1">
            <img src="../images/banner1.JPG" alt="...">
        </div>
        <div class="item item2">
            <img src="../images/banner2.JPG" alt="...">
        </div>
        <div class="item item3">
            <img src="../images/banner3.JPG" alt="...">
        </div>
        <div class="item item4">
            <img src="../images/banner4.JPG" alt="...">
        </div>
        <div class="item item5">
            <img src="../images/banner5.JPG" alt="...">
        </div>
    </div>

</div>

<!--===========================================商标轮播=============================-->
<section class="container">
    <div class="carousel slide" data-ride="carousel">


        <!-- Wrapper for slides -->
        <div class="carousel-inner brand-inner" role="listbox">

            <div class="item active brand">
                <a href="javascript:void (0)"><img src="../images/brand5.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand6.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand7.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand8.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand9.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand10.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand11.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand12.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand13.PNG" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand14.PNG" alt=""></a>
                <a class="no-see" href="javascript:void (0)"><img src="../images/brand14.PNG" alt=""></a>
                <a class="no-see" href="javascript:void (0)"><img src="../images/brand14.PNG" alt=""></a>
                <a class="no-see" href="javascript:void (0)"><img src="../images/brand8.PNG" alt=""></a>
                <a class="no-see" href="javascript:void (0)"><img src="../images/brand9.PNG" alt=""></a>
            </div>
            <div class="item pro-img">
                <a href="javascript:void (0)"><img src="../images/brand1.JPG" width="230" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand2.JPG" width="230" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand3.JPG" width="230" alt=""></a>
                <a href="javascript:void (0)"><img src="../images/brand4.JPG" width="230" alt=""></a>
            </div>

        </div>

    </div>
</section>


<!--===========================================今日活动=============================-->
<section class="activity">
    <div class="container">
        <div class="title">
            <h3>今日活动</h3>
            <small>HOT SALE</small>
        </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <p>
                    <a href="javascript:void (0)">
                        <img src="../images/hot1.JPG" alt="">
                    </a>
                </p>
                <p>
                    <a href="javascript:void (0)">
                        <img src="../images/hot2.JPG" alt="">
                    </a>
                </p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <p class="active-img">
                    <a href="javascript:void (0)">
                        <img src="../images/hot3.JPG" alt="">
                    </a>
                </p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <p>
                    <a href="javascript:void (0)">
                        <img src="../images/hot4.JPG" alt="">
                    </a>
                </p>
                <p>
                    <a href="javascript:void (0)">
                        <img src="../images/hot5.JPG" alt="">
                    </a>
                </p>
            </div>
            <div class="col-md-3 col-sm-3 col-xs-6">
                <p>
                    <a href="javascript:void (0)">
                        <img src="../images/hot6.JPG" alt="">
                    </a>
                </p>
                <p>
                    <a href="javascript:void (0)">
                        <img src="../images/hot7.JPG" alt="">
                    </a>
                </p>
            </div>
        </div>
</section>

<!--===========================================我的和茶=============================-->

<section class="myTea">
    <div class="container">
        <div class="title">
            <h3>我的和茶</h3>
            <small>MY HECHA</small>
        </div>
            <div class="col-md-3 col-sm-3 col-xs-12 login-info">
                <div class="user-header">
                    <a class="user"><img src="../images/user_pic.jpg" alt=""></a>
                    <span>HI,中午好！</span>
                    <a class="grade" href="javascript:void (0)">签到领积分&gt;&gt;</a>
                </div>
                <form>
                    <button type="submit" class="log">登录</button>
                    <button type="submit" class="reg">注册</button>
                    <button type="button" class="org">我的订单</button>
                </form>
                <div class="interest">
                    <p>你可能感兴趣的活动</p>
                    <a href="javascript:void (0)">2016国庆好茶专场，全场2.6折起，还有满额好礼相送哦>></a>
                    <a href="javascript:void (0)">精品黑茶礼，醇韵白沙溪，全场包邮69元起>></a>
                    <a href="javascript:void (0)">仁溪堂精选草本茶&茶礼，全场包邮，低至53元>></a>
                    <a href="javascript:void (0)">雅致茶具品香茗，铸就品质生活>></a>
                </div>
                <img class="code" src="../images/user_wx.png" alt="">

            </div>
            <div class="col-md-9 col-sm-9 col-xs-12">
                <div class="small-title">
                    <a class="active" href="javascript:void (0)">猜你喜欢</a>
                    <a href="javascript:void (0)">最近浏览</a>
                </div>
                <ul class="pro-likes">
                    <li class="col-md-3 col-sm-3 col-xs-6">
                        <a href="javascript:void (0)">
                            <p><img src="../images/mytea1.JPG" alt=""></p>
                            <div class="txt">
                                <p class="img-name">粉红摇滚</p>
                                <p class="img-kind">玫瑰水果茶</p>
                            </div>
                        </a>
                    </li>
                    <li class="col-md-3 col-sm-3 col-xs-6">
                        <a href="javascript:void (0)">
                            <p><img src="../images/mytea2.JPG" alt=""></p>
                            <div class="txt">
                                <p class="img-name">浓香型</p>
                                <p class="img-kind">一级草本茶</p>
                            </div>
                        </a>
                    </li>
                    <li class="col-md-3 col-sm-3 col-xs-6">
                        <a href="javascript:void (0)">
                            <p><img src="../images/mytea3.JPG" alt=""></p>
                            <div class="txt">
                                <p class="img-name">鲜爽微甜</p>
                                <p class="img-kind">红韵水仙茶</p>
                            </div>
                        </a>
                    </li>
                    <li class="col-md-3 col-sm-3 col-xs-6 no-border">
                        <a href="javascript:void (0)">
                            <p><img src="../images/mytea4.JPG" alt=""></p>
                            <div class="txt">
                                <p class="img-name">德化陶瓷</p>
                                <p class="img-kind">歌谣龙罐</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<!--===========================================和茶精选开始=============================-->

<!--=======================各地名优茶=======================-->
<section class="chose">
    <div class="container">
        <div class="title">
            <h3>和茶精选</h3>
            <small>HECHA CHOOSE</small>
        </div>
        <div class="chose-menu col-md-2 col-sm-2 col-xs-12">
            <a href="javascript: void (0)"><i></i>各地名优茶</a>
            <ul class="menu-list">
                <li class="on"><a href="javascript: void (0)">清新绿茶</a></li>
                <li><a href="javascript: void (0)">香韵铁观音</a></li>
                <li><a href="javascript: void (0)">瘦身黑茶</a></li>
                <li><a href="javascript: void (0)">回味乌龙茶</a></li>
                <li><a href="javascript: void (0)">浪漫红茶</a></li>
            </ul>
        </div>
        <div class="menu-slide-box slide-box col-md-10 col-sm-10 col-xs-12">
           <div class="menu-slide">
               <div class="slide-item clearfix">
                   <div class="chose-mid col-md-4 col-sm-4">
                       <a href="javascript: void (0)"><img src="../images/green.JPG" alt=""></a>
                       <div class="pro-info" href="javascript: void (0)">
                           <strong class="text-title">雨前三级AAA西湖龙井</strong>
                           <span>1件包邮 80g/罐</span>
                           <strong class="pri">79.00</strong>
                           <del>138.00</del>
                       </div>
                   </div>
                   <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
                       <ul class="clearfix">
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea1.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea2.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea3.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea4.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea5.JPG" alt=""></a></p>
                           </li>
                       </ul>
                   </div>
               </div>
               <div class="slide-item no-see clearfix">
                   <div class="chose-mid col-md-4 col-sm-4">
                       <a href="javascript: void (0)"><img src="../images/instere1.JPG" alt=""></a>
                       <div class="pro-info" href="javascript: void (0)">
                           <strong class="text-title">雨前三级AAA西湖龙井</strong>
                           <span>1件包邮 80g/罐</span>
                           <strong class="pri">79.00</strong>
                           <del>138.00</del>
                       </div>
                   </div>
                   <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
                       <ul class="clearfix">
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea1.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea2.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea3.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea4.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea5.JPG" alt=""></a></p>
                           </li>
                       </ul>
                   </div>
               </div>
               <div class="slide-item no-see clearfix">
                   <div class="chose-mid col-md-4 col-sm-4">
                       <a href="javascript: void (0)"><img src="../images/blacktea.JPG" alt=""></a>
                       <div class="pro-info" href="javascript: void (0)">
                           <strong class="text-title">雨前三级AAA西湖龙井</strong>
                           <span>1件包邮 80g/罐</span>
                           <strong class="pri">79.00</strong>
                           <del>138.00</del>
                       </div>
                   </div>
                   <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
                       <ul class="clearfix">
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea1.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea2.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea3.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea4.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea5.JPG" alt=""></a></p>
                           </li>
                       </ul>
                   </div>
               </div>
               <div class="slide-item no-see clearfix">
                   <div class="chose-mid col-md-4 col-sm-4">
                       <a href="javascript: void (0)"><img src="../images/instere2.JPG" alt=""></a>
                       <div class="pro-info" href="javascript: void (0)">
                           <strong class="text-title">雨前三级AAA西湖龙井</strong>
                           <span>1件包邮 80g/罐</span>
                           <strong class="pri">79.00</strong>
                           <del>138.00</del>
                       </div>
                   </div>
                   <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
                       <ul class="clearfix">
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea1.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea2.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea3.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea4.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea5.JPG" alt=""></a></p>
                           </li>
                       </ul>
                   </div>
               </div>
               <div class="slide-item no-see clearfix">
                   <div class="chose-mid col-md-4 col-sm-4">
                       <a href="javascript: void (0)"><img src="../images/redtea.JPG" alt=""></a>
                       <div class="pro-info" href="javascript: void (0)">
                           <strong class="text-title">雨前三级AAA西湖龙井</strong>
                           <span>1件包邮 80g/罐</span>
                           <strong class="pri">79.00</strong>
                           <del>138.00</del>
                       </div>
                   </div>
                   <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
                       <ul class="clearfix">
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00</strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea1.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea2.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea3.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea4.JPG" alt=""></a></p>
                           </li>
                           <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                               <p><a href="">茉莉花茶 &nbsp;银豪60g</a></p>
                               <p><strong>28.00 </strong><del>68.00</del></p>
                               <p><a href=""><img src="../images/greentea5.JPG" alt=""></a></p>
                           </li>
                       </ul>
                   </div>
               </div>
           </div>
        </div>

    </div>
</section>

<!--=======================花草茶、茶食=======================-->
<section class="chose flower-tea-list">
    <div class="container">

        <div class="chose-menu2 col-md-2 col-sm-2 col-xs-12">
            <p>
                <a class="flower leftBar" href="javascript: void (0)"><i></i>花草茶</a>
                <a class="tea-food rightBar" href="javascript: void (0)"><i></i>茶食</a>
            </p>
            <ul class="menu-list1">
                <li><a href="javascript: void (0)">胎菊花茶</a></li>
                <li><a href="javascript: void (0)">洛神花茶</a></li>
                <li><a href="javascript: void (0)">枸杞茶</a></li>
                <li><a href="javascript: void (0)">雪菊</a></li>
                <li><a href="javascript: void (0)">果粒茶</a></li>
                <li><a href="javascript: void (0)">冻干柠檬片</a></li>
                <li><a href="javascript: void (0)">大麦茶</a></li>
                <li><a href="javascript: void (0)">苦瓜干</a></li>
            </ul>
        </div>
        <div class="menu-slide-box col-md-10 col-sm-10 col-xs-12">
            <div class="chose-mid col-md-4 col-sm-4">
            <a href="javascript: void (0)"><img src="../images/flower-tea.JPG" alt=""></a>
            <div class="pro-info" href="javascript: void (0)">
                <strong class="text-title">雨前三级AAA西湖龙井</strong>
                <span>1件包邮 80g/罐</span>
                <strong class="pri">79.00</strong>
                <del>138.00</del>
            </div>
        </div>
            <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
            <ul class="clearfix">
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">去油解腻 &nbsp;大麦茶圆罐装180g</a></p>
                    <p><strong>19.00</strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/flower-tea1.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">清香馥郁 &nbsp;桐乡胎菊40g*2</a></p>
                    <p><strong>28.00</strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/flower-tea2.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                    <p><a href="">酸甜口感 &nbsp;巴黎香榭果粒茶</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/flower-tea3.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">清淡爽口 &nbsp;苦荞茶200g</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/flower-tea4.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">清淡爽口 &nbsp;苦荞茶200g</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/flower-tea5.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                    <p><a href="">清淡爽口 &nbsp;苦荞茶200g</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/flower-tea6.JPG" alt=""></a></p>
                </li>
            </ul>
        </div>
        </div>
    </div>
</section>


<!--=======================茶具、茶宠=======================-->
<section class="chose tea-tool-list">
    <div class="container">
        <div class="chose-menu2 col-md-2 col-sm-2 col-xs-12 chose-menu3">
            <p>
                <a class="tea-tool leftBar" href="javascript: void (0)"><i></i>茶具</a>
                <a class="tea-lover rightBar" href="javascript: void (0)"><i></i>茶宠</a>
            </p>
            <ul class="menu-list1">
                <li><a href="javascript: void (0)">功夫茶具</a></li>
                <li><a href="javascript: void (0)">茶叶罐</a></li>
                <li><a href="javascript: void (0)">个人杯</a></li>
                <li><a href="javascript: void (0)">冰裂杯</a></li>
                <li><a href="javascript: void (0)">茶宠</a></li>
                <li><a href="javascript: void (0)">德化青瓷</a></li>
                <li><a href="javascript: void (0)">旅行茶具</a></li>
                <li><a href="javascript: void (0)">神气壶</a></li>
            </ul>
        </div>
        <div class="menu-slide-box col-md-10 col-sm-10 col-xs-12">
            <div class="chose-mid col-md-4 col-sm-4">
            <a href="javascript: void (0)"><img src="../images/tea-tool.JPG" alt=""></a>
            <div class="pro-info" href="javascript: void (0)">
                <strong class="text-title">蝶舞幸福茶具组-品红</strong>
                <span>全国包邮 茶具礼盒</span>
                <strong class="pri">79.00</strong>
                <del>138.00</del>
            </div>
        </div>
            <div class="col-md-8 col-sm-8 col-xs-12 tea-list">
            <ul class="clearfix">
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">去油解腻 &nbsp;大麦茶圆罐装180g</a></p>
                    <p><strong>19.00</strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/tea-tool1.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">清香馥郁 &nbsp;桐乡胎菊40g*2</a></p>
                    <p><strong>28.00</strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/tea-tool2.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                    <p><a href="">酸甜口感 &nbsp;巴黎香榭果粒茶</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/tea-tool3.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">清淡爽口 &nbsp;苦荞茶200g</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/tea-tool4.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6">
                    <p><a href="">清淡爽口 &nbsp;苦荞茶200g</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/tea-tool5.JPG" alt=""></a></p>
                </li>
                <li class="col-md-4 col-sm-4 col-xs-6 no-border">
                    <p><a href="">清淡爽口 &nbsp;苦荞茶200g</a></p>
                    <p><strong>28.00 </strong><del>68.00</del></p>
                    <p><a href=""><img src="../images/tea-tool6.JPG" alt=""></a></p>
                </li>
            </ul>
        </div>
        </div>
    </div>
</section>
<!--===========================================和茶精选结束=============================-->

<!--===========================================茶生活=============================-->
<section class="tea-life">
    <div class="container">
        <div class="title">
            <h3>茶，生活</h3>
            <small>THE LIFE</small>
        </div>

            <div class="leftBar life_a">
                <ol>
                    <li class="life-w50"><a href="javascript: void (0)"><img src="../images/life_a1.jpg" alt=""></a></li>
                    <li class="life_a_info">
                        <div class="list">
                            <p><a href="javascript: void (0)">利桑开音茶有效调理慢性咽喉</a></p>
                            <p><a href="javascript: void (0)">四款花草茶让你充满青春，活力四射</a></p>
                            <p><a href="javascript: void (0)">利桑开音茶有效调理慢性咽喉</a></p>
                            <p><a href="javascript: void (0)">利桑开音茶有效调理慢性咽喉</a></p>
                            <p><a href="javascript: void (0)">利桑开音茶有效调理慢性咽喉</a></p>
                            <em><a href="javascript: void (0)"></a></em>
                        </div>
                    </li>
                    <li class="life_a_effect">
                        <a href="javascript: void (0)"><img src="../images/life_a2.JPG" alt=""></a>
                        <div class="effect_content">
                            <h4><a href="javascript: void (0)">治疗感冒 和茶小编有茶方</a></h4>
                            <p><a href="javascript: void (0)">感冒是我们日常生活当中最常见且发病率最多的一种病。治疗感冒和茶小编有茶方，肯定会有人疑惑感冒不是不能喝茶么?其实茶叶只是其中...详细</a></p>
                        </div>
                    </li>
                </ol>
            </div>
            <div class="leftBar no-padding life_b col-xs-12">
                <a href="javascript: void (0)"><img src="../images/life_a3.JPG" alt=""></a>
                <div class="life_b_info">
                    <h4><a href="javascript: void (0)">绿茶——清热降火</a></h4>
                    <p><a href="javascript: void (0)">香叶嫩芽 口齿留香 甘醇鲜爽</a></p>
                </div>
            </div>
            <div class="leftBar no-padding life_c">
                <ol>
                    <li>
                        <a href="javascript: void (0)"><img class="life_c_img" src="../images/life_c1.jpg" alt=""></a>
                        <h6>
                            <a href="javascript: void (0)">
                                <strong>和茶百科</strong>
                                <span>最具影响力的茶叶知识频道</span>
                            </a>
                        </h6>
                    </li>
                    <li class="tea_life_img"><a href="javascript: void (0)"><img src="../images/life_c2.jpg" alt=""></a></li>
                    <li class="life_c_info">
                        <div class="list">
                            <p><a href="javascript: void (0)">品味西湖龙井茶艺的正确方式介绍</a></p>
                            <p><a href="javascript: void (0)">品味西湖龙井茶艺的正确方式介绍</a></p>
                            <p><a href="javascript: void (0)">品味西湖龙井茶艺的正确方式介绍</a></p>
                            <p><a href="javascript: void (0)">品味西湖龙井茶艺的正确方式介绍</a></p>
                            <em><a href="javascript: void (0)"></a></em>
                        </div>
                    </li>
                </ol>
            </div>
        </div>
</section>

<!--===========================================售后服务=============================-->

<section class="sale-nav">

        <div class="main-nav clearfix">
            <div class="container">
                <p class="col-md-3 col-sm-3 nav_1">100%原产地茶</p>
                <p class="col-md-3 col-sm-3 nav_2">无理由退换货</p>
                <p class="col-md-3 col-sm-3 nav_3">400城市货到付款</p>
                <p class="col-md-3 col-sm-3 nav_4">支付宝签约商家</p>
            </div>
        </div>
        <div class="small-nav clearfix">
            <div class="container">
                    <div class="small-nav-1 clearfix">
                        <div class="small-nav-top col-md-9 col-sm-9">
                            <ol class="col-md-2 col-sm-2">
                                <li><strong>购物指南</strong></li>
                                <li><a href="javascript: void (0)">账号自助服务</a></li>
                                <li><a href="javascript: void (0)">新用户注册</a></li>
                                <li><a href="javascript: void (0)">怎样下订单</a></li>
                                <li><a href="javascript: void (0)">注册常见问题</a></li>
                            </ol>
                            <ol class="col-md-2 col-sm-2">
                                <li><strong>支付方式</strong></li>
                                <li><a href="javascript: void (0)">支付方式</a></li>
                                <li><a href="javascript: void (0)">在线支付介绍</a></li>
                                <li><a href="javascript: void (0)">汇款单招领</a></li>
                            </ol>
                            <ol class="col-md-2 col-sm-2">
                                <li><strong>配送说明</strong></li>
                                <li><a href="javascript: void (0)">运费说明</a></li>
                                <li><a href="javascript: void (0)">配送方式</a></li>
                                <li><a href="javascript: void (0)">配送范围</a></li>
                            </ol>
                            <ol class="col-md-2 col-sm-2">
                                <li><strong>售后服务</strong></li>
                                <li><a href="javascript: void (0)">退换货流程</a></li>
                                <li><a href="javascript: void (0)">服务保障承诺</a></li>
                                <li><a href="javascript: void (0)">验货与签收</a></li>
                            </ol>
                            <ol class="col-md-2 col-sm-2">
                                <li><strong>常见问题</strong></li>
                                <li><a href="javascript: void (0)">账号密码问题</a></li>
                                <li><a href="javascript: void (0)">缺货登记</a></li>
                                <li><a href="javascript: void (0)">茶叶百科</a></li>
                            </ol>
                        </div>
                        <div class="col-md-3 col-sm-3 service"><img src="../images/fot_tel.png" alt="服务热线"></div>
                    </div>
                <div class="small_nav_bottom">
                    <p class="about-heTEA">
                        <a href="javascript: void (0)">和茶网首页</a>
                        <a href="javascript: void (0)">关于和茶</a>
                        <a href="javascript: void (0)">帮助中心</a>
                        <a href="javascript: void (0)">交易条款</a>
                        <a href="javascript: void (0)">诚征英才</a>
                        <a href="javascript: void (0)">联系我们</a>
                    </p>
                    <p class="links">
                        <a class="defer" href="javascript: void (0)">友情链接</a>
                        <a href="javascript: void (0)">乌龙茶</a>
                        <a href="javascript: void (0)">绿茶</a>
                        <a href="javascript: void (0)">普洱茶</a>
                        <a href="javascript: void (0)">黑茶</a>
                        <a href="javascript: void (0)">村村通商城</a>
                        <a href="javascript: void (0)">土地资源网</a>
                        <a href="javascript: void (0)">在昆明</a>
                    </p>
                </div>
            </div>
        </div>
    <!--===========================================版权区=============================-->
    <div class="copyRight clearfix">
        <div class="container">
            <div class="leftBar">
                <p>Copyright &copy; 2009-2015 hecha.cn All Rights Reserved. 闽ICP证：闽10202223-1号</p>
                <p>福建和茶网络科技有限公司 版权所有 并保留所有权利 禁止非法复制</p>
            </div>
            <div class="rightBar">
                <img src="../images/fot_ico1.png" alt="">
                <img src="../images/fot_ico2.png" alt="">
            </div>
        </div>
    </div>
</section>



<!---==========================================侧边栏=================================-->
<section class="sidebar">
    <ol>

        <li>
            <a class="closed" href="javascript: void (0)"><img src="../images/ico6.png" alt="close"/></a>
            <a class="return" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/>顶部</a>
        </li>

        <li class="vip">
            <a href="javascript: void (0)"><img src="../images/ico0.png" alt="vip"/>会员</a>
            <div class="sidebar-login">
                <form>
                    <h3 class="clearfix">
                        <strong>用户登录</strong>
                        <em><a href="javascript: void (0)">新用户注册</a></em>
                    </h3>
                    <div class="login-user">
                        <label for="username">用户名</label>
                        <input type="text" id="username"/>
                        <i>手机/邮箱</i>
                    </div>
                    <div class="login-password">
                        <label for="password">密码</label>
                        <input type="password" id="password"/>
                        <i><a href="javascript: void (0)">找回密码</a></i>
                    </div>
                    <input type="submit" value="用户登录"/>
                    <h6>您还可以使用合作网站账号登录：</h6>
                    <div class="login-ways">
                        <a href="javascript: void (0)">支付宝</a>
                        <a href="javascript: void (0)">新浪微博</a>
                        <a href="javascript: void (0)">QQ</a>
                        <a href="javascript: void (0)">微信登录</a>
                    </div>
                </form>
            </div>
        </li>
        <li><a href="javascript: void (0)"><strong id="rcart">0</strong><img src="../images/ico3.png" alt="cart"/></a></li>
        <li><a class="seen" href="javascript: void (0)"><img src="../images/ico1.png" alt="seen"/>看过</a></li>
        <li><a class="sort" href="javascript: void (0)"><img src="../images/ico2.png" alt=""/>收藏</a></li>
    </ol>
    <div class="showbar"><a href="javascript: void (0)"><img src="../images/ico7.png" alt=""/></a></div>
</section>

<!--==========================================手机版的返回顶部============================-->
<a class="return top_btn" href="javascript: void (0)"><img src="../images/ico5.png" alt="top"/></a>


<script src="../scripts/jquery-1.11.1.min.js"></script>
<script src="../scripts/bootstrap.min.js"></script>
<script src="../scripts/main.js"></script>

</body>
</html>